Node / reticulum_mirror / MeshChatX / files / meshchatx / src / frontend / components / messages / InViewAnimatedImg.vue

Displaying Raw • Download

Tff7b72<Te6edf3templateTff7b72>

Tff7b72<Te6edf3div Te6edf3refTff7b72=Ta5d6ff"Ta5d6ffwrapTa5d6ff" Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Ta5d6ffwrapClassTa5d6ff"Tff7b72>

Tff7b72<Te6edf3img

Te6edf3vTff7b72-Tff7b72ifTff7b72=Ta5d6ff"Ta5d6ffshowTa5d6ff"

Tb4b4b4:Te6edf3srcTff7b72=Ta5d6ff"Ta5d6ffsrcTa5d6ff"

Tb4b4b4:Te6edf3loadingTff7b72=Ta5d6ff"Ta5d6ffloadingTa5d6ff"

Tb4b4b4:Te6edf3decodingTff7b72=Ta5d6ff"Ta5d6ffdecodingTa5d6ff"

Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Ta5d6ffimgClassTa5d6ff"

Tb4b4b4:Te6edf3altTff7b72=Ta5d6ff"Ta5d6ffaltTa5d6ff"

Te6edf3draggableTff7b72=Ta5d6ff"Ta5d6fffalseTa5d6ff"

Tf0883e@clickTff7b72=Ta5d6ff"Ta5d6ff$emit(Ta5d6ff'Ta5d6ffclickTa5d6ff'Ta5d6ff, $event)Ta5d6ff"

Tff7b72/Tff7b72>

Tff7b72<Te6edf3div Te6edf3vTff7b72-Tff7b72else Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Ta5d6ffplaceholderClassComputedTa5d6ff" Te6edf3ariaTff7b72-Te6edf3hiddenTff7b72=Ta5d6ff"Ta5d6fftrueTa5d6ff" Tff7b72/Tff7b72>

Tff7b72<Tff7b72/Te6edf3divTff7b72>

Tff7b72<Tff7b72/Te6edf3templateTff7b72>

Tff7b72<Te6edf3scriptTff7b72>

Tff7b72import Tb4b4b4{ Te6edf3attachInView Tb4b4b4} Tff7b72from Ta5d6ff"Ta5d6ff../../js/inViewObserver.jsTa5d6ff"Tb4b4b4;

Te6edf3export Te6edf3default Tb4b4b4{

Te6edf3nameTb4b4b4: Ta5d6ff"Ta5d6ffInViewAnimatedImgTa5d6ff"Tb4b4b4,

Te6edf3propsTb4b4b4: Tb4b4b4{

Te6edf3srcTb4b4b4: Tb4b4b4{ Tffa657typeTb4b4b4: Tffa657StringTb4b4b4, Te6edf3requiredTb4b4b4: Te6edf3true Tb4b4b4},

Te6edf3imgClassTb4b4b4: Tb4b4b4{ Tffa657typeTb4b4b4: Tffa657StringTb4b4b4, Te6edf3defaultTb4b4b4: Ta5d6ff"Ta5d6ff" Tb4b4b4},

Te6edf3fitParentTb4b4b4: Tb4b4b4{ Tffa657typeTb4b4b4: Te6edf3BooleanTb4b4b4, Te6edf3defaultTb4b4b4: Te6edf3false Tb4b4b4},

Te6edf3altTb4b4b4: Tb4b4b4{ Tffa657typeTb4b4b4: Tffa657StringTb4b4b4, Te6edf3defaultTb4b4b4: Ta5d6ff"Ta5d6ff" Tb4b4b4},

Te6edf3loadingTb4b4b4: Tb4b4b4{ Tffa657typeTb4b4b4: Tffa657StringTb4b4b4, Te6edf3defaultTb4b4b4: Ta5d6ff"Ta5d6fflazyTa5d6ff" Tb4b4b4},

Te6edf3decodingTb4b4b4: Tb4b4b4{ Tffa657typeTb4b4b4: Tffa657StringTb4b4b4, Te6edf3defaultTb4b4b4: Ta5d6ff"Ta5d6ffasyncTa5d6ff" Tb4b4b4},

Tb4b4b4},

Te6edf3emitsTb4b4b4: Tb4b4b4[Ta5d6ff"Ta5d6ffclickTa5d6ff"Tb4b4b4],

Te6edf3dataTb4b4b4() Tb4b4b4{

Tff7b72return Tb4b4b4{

Te6edf3showTb4b4b4: Te6edf3falseTb4b4b4,

Te6edf3ioCleanupTb4b4b4: Te6edf3nullTb4b4b4,

Tb4b4b4};

Tb4b4b4},

Te6edf3computedTb4b4b4: Tb4b4b4{

Te6edf3wrapClassTb4b4b4() Tb4b4b4{

Tff7b72return Te6edf3thisTff7b72.Td2a8fffitParent ? Ta5d6ff"Ta5d6ffabsolute inset-0 overflow-hiddenTa5d6ff" Tb4b4b4: Ta5d6ff"Ta5d6ffrelative w-fullTa5d6ff"Tb4b4b4;

Tb4b4b4},

Te6edf3placeholderClassComputedTb4b4b4() Tb4b4b4{

Tff7b72if Tb4b4b4(Te6edf3thisTff7b72.Td2a8fffitParentTb4b4b4) Tb4b4b4{

Tff7b72return Ta5d6ff"Ta5d6ffabsolute inset-0 bg-zinc-200/30 dark:bg-white/10Ta5d6ff"Tb4b4b4;

Tb4b4b4}

Tff7b72return Ta5d6ff"Ta5d6ffmin-h-32 w-full rounded-2xl bg-gray-100/90 dark:bg-zinc-800/60Ta5d6ff"Tb4b4b4;

Tb4b4b4},

Tb4b4b4},

Te6edf3mountedTb4b4b4() Tb4b4b4{

Te6edf3thisTff7b72.$Te6edf3nextTickTb4b4b4(() Tff7b72=Tff7b72> Tb4b4b4{

Te6edf3const Te6edf3el Tff7b72= Te6edf3thisTff7b72.$Te6edf3refsTff7b72.Td2a8ffwrapTb4b4b4;

Tff7b72if Tb4b4b4(!Te6edf3elTb4b4b4) Tb4b4b4{

Tff7b72returnTb4b4b4;

Tb4b4b4}

Te6edf3thisTff7b72.Td2a8ffioCleanup Tff7b72= Te6edf3attachInViewTb4b4b4(Te6edf3elTb4b4b4, Tb4b4b4(Te6edf3entryTb4b4b4) Tff7b72=Tff7b72> Tb4b4b4{

Te6edf3thisTff7b72.Td2a8ffshow Tff7b72= Te6edf3entryTff7b72.Td2a8ffisIntersectingTb4b4b4;

Tb4b4b4});

Tb4b4b4});

Tb4b4b4},

Te6edf3beforeUnmountTb4b4b4() Tb4b4b4{

Tff7b72if Tb4b4b4(Te6edf3thisTff7b72.Td2a8ffioCleanupTb4b4b4) Tb4b4b4{

Te6edf3thisTff7b72.Td2a8ffioCleanupTb4b4b4();

Tb4b4b4}

Tb4b4b4},

Tb4b4b4};

Tff7b72<Tff7b72/Te6edf3scriptTff7b72>